<template>
  <div
      class="flex flex-col  items-center min-h-screen w-full font-Inter bg-secondary relative">
    <div class="z-50">
      <site-navigation/>
      <div class="container min-h-[1000px] text-base-100 flex flex-col space-y-12 sm:space-y-32 sm:mb-32">
        <router-view/>
      </div>
      <site-footer/>
    </div>
    <div class="absolute left-0 top-0 h-[1200px] w-full bg-cover bg-no-repeat bg-center"
         style="background-image: url('/imgs/bg.png');"></div>
  </div>
</template>
<script setup>
import SiteFooter from "/@/components/SiteFooter.vue";
import SiteNavigation from "/@/components/SiteNavigation.vue";
</script>

